.get-coupon-page{
	height: 100vh;
	background: #F6F6F6;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	
	.main-box{
		flex: 1;
		overflow: auto;
		
		.item{
			width: 710rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			position: relative;
			margin: 20rpx auto;
			
			.type-icon{
				width: 96rpx;
				height: 96rpx;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}
			
			.top-bar{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 40rpx 28rpx;
				
				.left{
					display: flex;
					align-items: center;
					.icon{
						width: 100rpx;
						height: 100rpx;
						margin-right: 20rpx;
					}
					.info{
						height: 100rpx;
						padding: 10rpx 0;
						display: flex;
						flex-direction: column;
						justify-content: space-between;
						.text{
							font-family: PingFang SC, PingFang SC;
							font-weight: 600;
							font-size: 32rpx;
							color: #333333;
							line-height: 32rpx;
						}
						.date{
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #333333;
							line-height: 24rpx;
						}
					}
				}
				
				.right{
					display: flex;
					flex-direction: column;
					align-items: flex-end;
					.text{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: var(--primary-price-color);
						line-height: 24rpx;
						text-align: right;
					}
				}
			}
		.line-img{
			width: 654rpx;
			height: 1px;
			margin: 0 auto;
			display: block;
		}
		.footer-bar{
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 20rpx 28rpx;
			
			.left{
				display: flex;
				align-items: center;
				.desc{
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #666666;
					line-height: 24rpx;
				}
				.btn{
					display: flex;
					align-items: center;
					margin-left: 28rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #1E8AF4;
					line-height: 24rpx;
				}
			}
			.right{
				.btn{
					width: 152rpx;
					height: 56rpx;
					border-radius: 120rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 24rpx;
					line-height: 24rpx;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				.btn1{
					background: #1E8AF4;
					color: #FFFFFF;
				}
				.btn2{
					border: 1rpx solid #1E8AF4;
					color: #1E8AF4;
				}
			}
		}
		.context{
			width: 654rpx;
			padding: 28rpx 0;
			margin: 0 auto;
			border-top: 1rpx solid #E6E6E6;
			.row{
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 24rpx;
				color: #666666;
				line-height: 36rpx;
			}
		}
		}
	}
	
	.footer-box{
		background: #fff;
		padding: 12rpx 28rpx 60rpx;
		box-sizing: border-box;
		.btn{
			width: 100%;
			height: 96rpx;
			background: #FEFEFE;
			border-radius: 12rpx;
			border: 1rpx solid #CCCCCC;
			display: flex;
			align-items: center;
			justify-content: center;
			
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: #666666;
			line-height: 32rpx;
		}
	}
}